<?php
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magento.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magento.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2006-2016 X.commerce, Inc. and affiliates (http://www.magento.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/* @var $this Mage_Core_Block_Template */
/* @var $catalogSearchHelper Mage_Catalogsearch_Helper_Data */
    $catalogSearchHelper =  $this->helper('catalogsearch');
    $setting = Mage::helper('themeframework/settings');
   
?>
<div class="em-wrapper-js-search em-search-style01">
    <div class="em-wrapper-search em-category-search">
        <a class="em-search-icon" title="<?php echo Mage::helper('core')->quoteEscape($this->__('Search')) ?>" href="javascript:void(0);"><span><?php echo $this->__('Search') ?></span></a>        
        <div class="em-container-js-search" style="display: none;">
            <form id="search_mini_form" action="<?php echo $catalogSearchHelper->getResultUrl() ?>" method="get">   
                <div class="form-search <?php echo ($setting->getGeneral_CatSearch() != -1) ? 'cate_search' : 'no_cate_search'; ?>">  
                    <?php if($setting->getGeneral_CatSearch() != -1): ?>
                    <div class="input_cat hidden-xs">
                        <select id="em-hoverUl-catsearch" name="cat" class="cat-search">               
                            <?php echo $this->getChildHtml('em_search_category'); ?>
                        </select>
                    </div>
                    <script type="text/javascript">
                    //<![CDATA[
                        (function($) {
                            function emHoverUlSearch(){
                                if (!isMobile) {
                                    var sSearch = $('#em-hoverUl-catsearch');
                                    var len = sSearch.length;
                                    if(len){
                                        sSearch.insertUlCategorySearch();
                                        sSearch.selectUlCategorySearch();
                                    }
                                }
                            }
                            $(document).ready(function(){            
                                emHoverUlSearch();            
                            });
                        })(jQuery);
                    //]]>
                    </script>
                    <?php endif; ?> 
                    <div class="text-search">    
                        <label for="search"><?php echo $this->__('Search:') ?></label>
                        <input id="search" type="search" name="<?php echo $catalogSearchHelper->getQueryParamName() ?>" value="<?php echo $catalogSearchHelper->getEscapedQueryText() ?>" class="input-text required-entry" maxlength="<?php echo $catalogSearchHelper->getMaxQueryLength();?>" />
                        <button type="submit" title="<?php echo Mage::helper('core')->quoteEscape($this->__('Search')) ?>" class="button"><span><span><?php echo $this->__('Search') ?></span></span></button>
                        <div id="search_autocomplete" class="search-autocomplete"></div>
                    </div>
                    <script type="text/javascript">
                    //<![CDATA[
                        var searchForm = new Varien.searchForm('search_mini_form', 'search', '<?php echo $this->__('Search entire store here...') ?>');
                        searchForm.initAutocomplete('<?php echo $catalogSearchHelper->getSuggestUrl() ?>', 'search_autocomplete');
                    //]]>
                    </script>
                </div>
            </form>
        </div>
    </div>
</div>
<script type="text/javascript">
//<![CDATA[
    (function($) {
        var timeoutSearch = null;    
        function hideSearch(e) {
            var $_container = e.children().find('.em-container-js-search');
            if (timeoutSearch) clearTimeout(timeoutSearch);
            timeoutSearch = setTimeout(function() {
                timeoutSearch = null;
                $_container.hide(300, function() {
                    $(this).css('overflow', 'inherit');
                });
            }, 200);
        }
        // Show Cart    
        function showSearch(e) {
            var $_container = e.children().find('.em-container-js-search');
            if (timeoutSearch) clearTimeout(timeoutSearch);
            timeoutSearch = setTimeout(function() {
                timeoutSearch = null;
                $_container.show(300, function() {
                    $(this).css('overflow', 'inherit');
                });
            }, 200);
        }
        var $_emSearch = $(".em-wrapper-js-search");
        $_emSearch.bind('mouseover', function(e){
            e.preventDefault();
            var $_this = $(this);
            showSearch($_this);
        }).bind('mouseout',function(e){
            e.preventDefault();
            var $_this = $(this);
            hideSearch($_this);
        });
    })(jQuery);
//]]>
</script>